Ext.define('UptaebFrontEnd.view.Viewport', {
    extend: 'Ext.panel.Panel',
    xtype: 'layout-border',
    requires: [
        'UptaebFrontEnd.view.menu.vWestMenu',
        'UptaebFrontEnd.view.general.vDatosEstudiante',
        'UptaebFrontEnd.view.inscripcion.vInscripcion',
        'Ext.layout.container.Border'
    ],

    initComponent: function() {
        Ext.apply(this, {
            id: 'app-viewport',
            layout: 'border',
            bodyBorder: false,
            header: {
                layout: {
                    align: 'centrer'
                },
                title: {
                    text: 'MyApp',
                    flex: 0
                },
                glyph: 61,
                html: '<background="/images/cintillo.jpg">', margins: '2 2 2 2',
            },
            items: [
                {
                id: 'app-header',
                xtype: 'box',
                region: 'north',
                height: 40,
                html: '<IMG SRC="img.cintillo">', margins: '2 2 2 2',
                //icon: 'icon-delete',

            },
            {
                id: 'app-options',
                xtype: 'westmenu',
                region: 'west',
                floatable: false,
                margin: '0 0 0 0',
                width: 160,
                minWidth: 100,
                maxWidth: 250,
                collapsible: true,
                split: true,
                bodyPadding: 10
            },{
                xtype: 'container',
                region: 'center',
                layout: 'border',
                items: [{
                    id: 'app-portal',
                    xtype: 'inscripcion',
                    region: 'center'
                }]
            }]
        });
    this.callParent(arguments);
    }
});